<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html" xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui">

<h:head>
	<title>Meus Concursos</title>
	<link rel="stylesheet" type="text/css"
		href="#{facesContext.externalContext.requestContextPath}/public/css/style2.css" />
	<script type="text/javascript"
		src="#{facesContext.externalContext.requestContextPath}/public/javascript/jquery.flexslider-min.js"></script>
	<script type="text/javascript"
		src="#{facesContext.externalContext.requestContextPath}/public/javascript/scripts.js"></script>
	<script type="text/javascript"
		src="#{facesContext.externalContext.requestContextPath}/public/javascript/selectivizr.js"></script>

	<link rel="shortcut icon" type="image/x-icon"
		href="#{request.contextPath}/public/images/favicon.ico" />
	<link rel="shortcut icon" type="image/x-icon"
		href="#{request.contextPath}/public/images/favicon.png" />

</h:head>

<body>
	<div class="container">
		<header id="navtop"> <a href="/PDSConcursosWeb/" class="logo fleft"> <img
			src="../public/images/logo5.png" alt="" />
		</a> <nav class="fright"> <br />
		<br />
		<ul>
			<li><a href="/PDSConcursosWeb/">Início</a></li>
		</ul>
		</nav> </header>


		<div class="home-page main">
			<section class="grid-wrap"> <header class="grid col-full">
			<hr />
			</header> <h:form id="login">
				<p:growl id="msg1" showDetail="true" sticky="false" life="5000" />
				<table align="center">
					<tr>
						<td align="center"><p:inputText id="usuario" value="#{usuarioMB.username}"
								style="width: 100%; height: 30px;" /></td>
						<p:watermark for="usuario" value="Usuario" />
					</tr>
					<tr>
						<td align="center"><p:password id="senha" value="#{usuarioMB.senha}"
								style="width: 100%; height: 30px;" /></td>
						<p:watermark for="senha" value="Senha" />
					</tr>
					<tr>
						<td><br /></td>
					</tr>
					<tr>
						<td align="center"><p:commandButton id="login" action="#{usuarioMB.login()}"
								update="msg1, login" value="Entrar" />
							<p:commandButton id="cadastrar" action="#{usuarioMB.urlCadUsuario2()}" update="msg1, login"
								value="Criar Conta" styleClass="ui-priority-primary" /></td>
					</tr>
					<tr>
						<td><br /></td>
					</tr>
					<tr>
						<td align="center"><a href="recuperarSenha.xhtml">Recuperar Senha</a></td>
					</tr>
					<tr>
						<td align="center"><a href="alterarSenha.xhtml">Possuo o codigo de recuperação</a></td>
						<td><h:outputLink id="info" value="#">
								<img src="../public/images/info.png" alt="" />
							</h:outputLink> <p:tooltip for="info"
								value="O codigo de recuperação é enviado para o seu email apos a recuperação da senha."
								showEffect="fade" hideEffect="fade" /></td>
					</tr>
				</table>
			</h:form> </section>

		</div>

		<div class="divide-top">
			<footer class="grid-wrap">
			<ul class="grid col-one-third social">
				<li><a href="#">Link 1</a></li>
				<li><a href="#">Link 2</a></li>
				<li><a href="#">Link 3</a></li>
				<li><a href="#">Link 4</a></li>
				<li><a href="#">Link 5</a></li>
			</ul>
			</footer>
		</div>
	</div>
</body>
</html>